.header,.header a {
	font-family:"Microsoft YaHei"
}
@media screen and (max-width:768px) {
	.body-wrap {
		position:absolute;
		width:100%;
		height:100%;
		overflow-x:hidden
	}
}
body {
	-webkit-overflow-scrolling:touch
}
.header {
	height:64px;
	color:#fff
}
.header #aTuxiangyun:hover,.header #aYuyinyun:hover {
	color:#0090ff
}
.header a:hover {
	text-decoration:none!important
}
@media screen and (max-width:768px) {
	.header {
		height:48px
	}
}
.header .icon-caidan {
	font-size:26px;
	margin:20px;
	line-height:48px;
	color:#656565
}
.header .icon-caidan:hover {
	color:#0090ff
}
.header .div-img {
	margin-top:12px
}
.header .ul-menu .search{ width:180px; padding-top:12px;}
.header .ul-menu>li {
	display:inline-block;
	float:left;
	margin:0 .6vw;
}
.header .ul-menu>li>a {
	display:block;
	padding:21px 0 6px;
	font-size:16px;
	color:#656565;
	border-bottom:solid 2px #fff
}
.header .ul-menu>li .menu-content {
	background-color:#fff;
	position:absolute;
	transition:all .4s cubic-bezier(.2,1,.2,1);
	left:0;
	width:100%;
	height:0;
	overflow:hidden;
	z-index:1000;
	box-shadow:0 3px 3px #b5b5b5
}
.header .ul-menu>li .menu-content a:hover {
	color:#0090ff
}
.header .ul-menu>li:hover .menu-content {
	height:245px;
	padding:20px 0
}
.header .ul-menu>li:hover>a {
	text-decoration:none;
	border-bottom:solid 2px #0090ff
}
.header .ul-menu>li .show {
	display:block
}
.header .ul-menu>li h3 {
	font-size:18px;
	color:#282828;
	margin:0
}
.header .ul-menu>li h3>a {
	color:#282828
}
.header .ul-menu>li li a {
	font-size:16px;
	color:#656565;
	line-height:32px;
	letter-spacing:1px
}
.header .ul-menu>li li a:hover {
	color:#0090ff
}
.header .ul-menu>li .yunfuwu ul {
	margin:0 36px 0 0
}
.header .ul-menu>li .yunfuwu ul li {
	margin-bottom:36px
}
.header .ul-menu>li .yunfuwu ul li a {
	font-size:18px;
	color:#282828
}
.mobile-menu #closeMenu:active,.mobile-menu .title:active {
	color:#0090ff
}
.header .ul-menu>li .yunfuwu .menu-yfw-img {
	margin-left:40px;
	padding-left:96px;
	border-left:1px solid #d8d8d8
}
.header .ul-menu>li .chanpin .col-xs-3 {
	padding-left:38px
}
.header .ul-menu>li .chanpin ul {
	margin:30px 0 48px
}
.header .ul-menu>li .hezuo .menu-yfw-img {
	margin-left:40px;
	padding-left:96px;
	border-left:1px solid #d8d8d8
}
.header .ul-menu>li .hezuo .hezuo-list {
	padding-left:45px
}
.header .ul-menu>li .hezuo .hezuo-list ul {
	margin:14px 0 30px
}
.header .ul-menu>li .hezuo .hezuo-list .margin40 {
	margin-bottom:40px
}
.header .shopping-cart{
	background:url(../images/cart.png) left 21px no-repeat;
	display:block;
	width:50px;
	height:50px;
}
.header .shopping-cart .badge{
	background-color:#fc5260;
	font-weight:normal;
}
.header .ul-login .panel{ padding-top:10px;}
.header .ul-login .panel .btn{ cursor:default; background-color:#337ab7;}
.header .ul-login .panel a{ color:#FFFFFF;}
.header .ul-login .panel a:hover{ color:#f4f3f3;}
.header-wrap {
	position:fixed;
	top:0;
	left:0;
	z-index:1000000000;
	background-color:#fff;
	width:100vw;
	box-shadow:0 1px 9px #888
}
.header-nav-content {
	position:absolute;
	transform:translate3d(0,-150%,0);
	transition:all .4s cubic-bezier(.2,1,.2,1);
	width:100%;
	z-index:899;
	overflow:hidden;
	opacity:0;
	padding:60px 0;
	background-color:green
}
.footer-wrap .lx {
	line-height:1.2rem
}
.footer-wrap .title-a {
	margin-right:.5rem;
	text-align:left
}
.footer-wrap .title-a span.v-m {
	vertical-align:middle
}
@media screen and (max-width:768px) {
	.main-content {
		position:absolute;
		left:0;
		top:0;
		width:100vw;
		height:100vh;
		transition:all .3s ease-in;
		z-index:100
	}
}
.move-left {
	left:-100%
}
.move-menu {
	right:0!important
}
.mobile-menu {
	right:-100%;
	top:0;
	z-index:99;
	height:0;
	overflow:hidden;
	transition:all .3s ease-in
}
@media screen and (max-width:768px) {
	.mobile-menu {
		position:absolute;
		width:100vw;
		height:100vh
	}
}
.mobile-menu a:active,.mobile-menu a:hover {
	text-decoration:none!important
}
.mobile-menu .title {
	padding:5vw;
	line-height:4vw
}
.mobile-menu .title .icon-guanbi {
	font-size:6vw
}
.mobile-menu .bg-l-blue {
	color:#F2F2F2
}
.mobile-menu .bg-l-grey {
	color:#e5e5e5
}
.mobile-menu a {
	text-decoration:none
}
.mobile-menu>ul>li {
	display:block;
	border-bottom:solid 1px #d8d8d8
}
.mobile-menu>ul>li a {
	color:#282828;
	display:block;
	padding:5vw
}
.mobile-menu>ul>li a:active {
	background-color:#0090ff;
	color:#fff;
	text-decoration:none
}
.mobile-menu>ul>li>ul {
	background-color:#F2F2F2
}
.mobile-menu>ul>li>ul>li {
	display:block;
	border-top:solid 1px #d8d8d8
}
.mobile-menu>ul>li>ul>li>ul {
	background-color:#e5e5e5
}
.mobile-menu>ul>li>ul>li>ul li {
	display:block;
	border-top:solid 1px #d8d8d8
}
.mobile-menu>ul>li>ul>li>ul li a {
	display:block;
	padding-left:8vw
}
.mobile-menu ul li p {
	font-size:4vw
}
.header-in {
	height:64px
}
@media screen and (min-width:768px) {
	.footer {
		background-color:#4c4c4c;
		color:#fff;
		padding:64px 0
	}
	.footer a {
		color:#fff;
		line-height:28px
	}
	.footer h5 {
		font-size:16px;
		margin-bottom:22px
	}
	.footer .logo {
		margin-top:10px
	}
	.footer .col-1 {
		padding:0
	}
	.footer .col-1 h4 {
		margin:14px 0 32px
	}
	.footer .col-1 p {
		line-height:22px
	}
	.footer .col-1 .erweima {
		margin:38px 0 36px
	}
	.footer .col-2 {
		padding-left:80px
	}
	.footer .col-3 {
		padding-left:70px
	}
	.footer .wechat-wrap {
		position:relative
	}
	.footer .wechat-wrap .wc-erweima {
		display:none;
		position:absolute;
		top:-395%;
		left:-27px;
		z-index:999;
		transition:all .4s ease
	}
	.footer .wechat-wrap:hover .wc-erweima {
		display:block
	}

}

@media screen and (max-width:768px) {
	.header-in {
		height:48px
	}
	.footer .col-1,.footer .col-2,.footer .col-3,.footer .col-4,.footer .col-5 {
		margin-bottom:.3rem
	}
	.footer {
		background-color:#4c4c4c;
		color:#fff;
		padding:5vh 2vh
	}
	.footer .lx {
		margin-left:-.1rem!important;
		line-height:2.7rem
	}
	.footer .copyright {
		padding-left:.12rem
	}
	.footer a {
		color:#fff;
		line-height:28px
	}
	.footer .padding-0 {
		padding:1px
	}
	.footer h5 {
		text-align:left;
		font-size:18px
	}
	.footer .wechat-wrap {
		position:relative
	}
	.footer .wechat-wrap .wc-erweima {
		display:none;
		position:absolute;
		top:-395%;
		left:-4.2rem;
		z-index:999;
		transition:all .4s ease
	}
	.footer .wechat-wrap .open {
		display:block
	}
}
.dev-header .title-b {
	color:#282828;
	font-size:18px;
	vertical-align:-webkit-baseline-middle;
	border-left:1px solid #4a4a4a;
	padding:5px 10px;
	font-weight:700
}
.dev-header .div-img {
	margin-right:10px
}
.dev-header .ul-menu>li {
	margin:0 .8vw
}
.dev-header .ul-login {
	margin-left:0.6vw
}
.dev-header .ul-login li {
	margin:0 .4vw
}
.dev-header .ul-login li a {
	padding-top:23px;
	font-size:14px
}
.dev-header .li-hxjs {
	position:relative;
	padding-bottom:13px
}
.dev-header .li-hxjs .hxjs-content {
	overflow:hidden;
	position:absolute;
	top:64px;
	left:-15px;
	z-index:1000;
	width:265px;
	background-color:#fff;
	box-shadow:0 2px 3px #888;
	padding:10px 0;
	display:none;
	transition:4s ease
}
.dev-header .li-hxjs .hxjs-content .shadow {
	width:100%;
	height:1px;
	position:absolute;
	top:-1px;
	box-shadow:0 1px 4px #111010;
	z-index:1000
}
.dev-header .li-hxjs .hxjs-content li {
	padding:5px 0
}
.dev-header .li-hxjs:hover .hxjs-content {
	display:block
}
.dev-header ul {
	margin-bottom:0!important
}
.footer a:hover {
	color:#fff
}
.footer .logo {
	margin-bottom:13px
}


.a-hover:hover {
	background:url('../images/totop-hover.png') no-repeat center !important;
}

@media screen and (min-width:768px) {
	.footer-menu-tilte {
		padding:0 15px;
	}
}

@media screen and (max-width:374px) {
	.menu-list {
	margin-bottom:2rem !important;
	}
	.menu-list.footer-contect-us li {
		font-size:12px
	}
	.menu-list .title-a-b {
		padding-left:65px !important;
	}
}



.connection {
	margin-top: 12px;
}
.connection .connection-item {
	margin-right: 28px;
	display: inline-block;
	position: relative;
}
.connection-item  .tooltip {
	position: absolute;
	background: #FFFFFF;
	border-radius: 3px;
	text-align: center;
    color: #333333;
    font-size: 10px;
    white-space: nowrap;
	display: none;
	box-shadow: 0 0 10px #D8D8D8;
}
.tooltip.qq-tooltip {
	padding: 6px 8px;
	top: -34px;
	left: -44px;
}
.tooltip.weixin-tooltip {
	padding: 4px;
	top: -110px;
	left: -35px
}
.connection-item img {
	width: 28px;
	height: 28px;
	vertical-align: middle;
	cursor: pointer;
}
.weixin-tooltip img{
	width: 96px;
	height: 96px;
}
.connection .qq-img:hover  .qq-tooltip, 
.connection .weixin-img:hover  .weixin-tooltip{
	display: inline-block;
}
.connection .qq-img:hover:after , 
.connection .weixin-img:hover:after{
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid #FFFFFF;
	border-bottom: 6px solid transparent;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	position: absolute;
	left: 50%;
    top: -6px;
    margin-left: -6px;
}
.connection .weibo {
	width: 32px;
	height: 32px;
}